<template>
	<view class="footers">
        <view style="padding-top:180upx"></view>
        <view class="footer-list">
            <view class="item" @tap="Jump('/pages/index/index')">
                <image src="../../static/images/footer/f_home.png" mode="scaleToFill"></image>
                <p>商铺</p>
            </view>
            <view class="item item_active">
                <image src="../../static/images/footer/f_sao.png" mode=""></image>
            </view>
            <view class="item" @tap="Jump('/pages/my/index')">
                <image src="../../static/images/footer/f_user.png" mode="scaleToFill"></image>
                <p>我的</p>
            </view>
        </view>
	</view>
</template>
<script>
    export default {
        data() {
            return {
            }
        },
        methods: {
            Jump(url) {
                uni.navigateTo({
                    url: url
                })
            },
        },
    }
</script>
<style>
    .footer-list{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height:100upx;
        position: fixed;
        width:100%;
        bottom:0;
        left:0;
        z-index: 1000;
        background: #353535;
    }
    .footer-list .item{
        flex:1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-list .item image{
        width:39upx;
        height:39upx;
    }
    .footer-list .item p{
        color:#fff;
        font-size:23upx;
        margin-top: 10upx;
    }
    .footer-list .item.item_active image{
        width:158upx;
        height: 158upx;
        position: absolute;
        bottom:8upx;
    }
</style>
